<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>堆糖</title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="css/style.css">
    <link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/font-awesome/5.8.2/css/all.min.css" rel="stylesheet">
</head>
<body>
<div class="warper">
    <div class="header-inner">
        <div class="sk">
            <div class="container">

                <nav class="navbar navbar-expand-lg navbar-light ">
                    <div class="q1">
                        <img src="img/logo.png" alt="">
                    </div>
                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                        <span class="navbar-toggler-icon"></span>
                    </button>

                    <div class="collapse navbar-collapse" id="navbarSupportedContent">
                        <ul class="navbar-nav mr-auto">
                            <li class="nav-item active">
                                <div class="p1">
                                    <a>分类</a>
                                    <i class="fas fa-angle-down"></i>
                                </div>
                            </li>
                            <li class="nav-item">
                                <div class="p2">
                                    <input type="text" placeholder="搜索感兴趣的内容">
                                    <button type="submit"></button>
                                </div>
                            </li>


                        </ul>
                        <form class="form-inline my-2 my-lg-0">
                            <div class="p3">
                                <a href="">堆糖生活家</a>
                                <a href="">注册/登录</a>
                            </div>
                        </form>
                    </div>
                </nav>
        </div>
    </div>
</div>
    <div class="main-inner">
        <div class="container">
            <div class="main">
                <div class="main-top clearfix">
                    <div class="y-1">
                        <a href=""><img src="img/tu-1.jpeg" alt=""></a>
                    </div>
                    <div class="kan1">
                        <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
                            <ol class="carousel-indicators">
                                <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active" style=""></li>
                                <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
                            </ol>
                            <div class="carousel-inner">
                                <div class="carousel-item active">
                                    <img src="img/tu-2.jpeg" class="d-block w-100" alt="...">
                                </div>
                                <div class="carousel-item">
                                    <img src="img/tu-3.jpeg" class="d-block w-100" alt="...">
                                </div>
                            </div>
                            <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
                                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                            </a>
                            <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
                                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                                <span class="sr-only">Next</span>
                            </a>
                        </div>
                    </div>
                    <div class="kan2">
                        <div class="k-1">
                            <h5>社区热点</h5>
                        </div>
                        <div class="k-2">
                            <a href="#">小怪兽</a>
                            <a href="#">我只喜欢你</a>
                            <a href="#">可爱</a>
                            <a href="#">桃子</a>
                            <a href="#">线猫</a>
                            <a href="#">儿童节</a>
                            <a href="#">木村光希</a>
                            <a href="#">毕业</a>
                        </div>
                        <div class="k-3">
                            <div class="l-1">
                                <a href="">
                                    <span class="sp-1">精选</span>
                                    <span class="sp-2">招募● 少女感养成学院...</span>
                                </a>
                            </div>
                            <div class="l-1">
                                <a href="">
                                    <span class="sp-1">工具</span>
                                    <span class="sp-2">堆糖收图小工具</span>
                                </a>
                            </div>
                        </div>
                        <div class="k-4 clearfix">
                            <img src="img/tu-5.png" alt="">
                            <div class="l-3">
                                <h4>堆糖，美好生活研究生</h4>
                                <p>最佳生活类用品</p>
                                <a href="">立即下载</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="main-bottom clearfix">
                    <div class="main-left clearfix">
                        <div class="w-1">
                            <ul>
                                <li class="lan1 active">每日精选</li>
                                <li class="lan2">关注动态</li>
                            </ul>
                        </div>
                        <div class="w-2">
                            <div class="g-1">
                                <div class="gg-1 clearfix">
                                    <img src="img/tu-6_07.png" alt="">
                                    <div class="gg-1-1">
                                        <h5>堆糖小喇叭</h5>
                                        <span>热门内容</span>
                                    </div>
                                </div>
                                <p>留下壁纸，我们就是朋友</p>
                                <div class="img-1">
                                    <img src="img/tu-7_10.png" alt="">
                                </div>
                                <div class="gg-2 clearfix">
                                    <ul>
                                        <li class="gan1">
                                            <a href=""><img src="img/2.png" alt=""></a>
                                            140
                                        </li>
                                        <li class="gan2">
                                            <a href=""><img src="img/3.png" alt=""></a>
                                            219
                                        </li>
                                        <li class="gan3">
                                            <a href=""><img src="img/1.png" alt=""></a>
                                            <a href="">更多</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                            <div class="g-1">
                                <div class="gg-1 clearfix">
                                    <img src="img/tu-8_13.png" alt="">
                                    <div class="gg-1-1">
                                        <h5>coloroom</h5>
                                        <span>热门内容</span>
                                    </div>
                                </div>
                                <p>让观众苦等十年的《夏目友人账》，到底是什么</p>
                                <div class="img-1">
                                    <img src="img/tu-9_16.png" alt="">
                                </div>
                                <div class="gg-2 clearfix">
                                    <ul>
                                        <li class="gan1">
                                            <a href=""><img src="img/2.png" alt=""></a>
                                            1228
                                        </li>
                                        <li class="gan2">
                                            <a href=""><img src="img/3.png" alt=""></a>
                                            1581
                                        </li>
                                        <li class="gan3">
                                            <a href=""><img src="img/1.png" alt=""></a>
                                            <a href="">更多</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                            <div class="g-1">
                                <div class="gg-1 clearfix">
                                    <img src="img/tu-10_19.png" alt="">
                                    <div class="gg-1-1">
                                        <h5>美少女PINK酱</h5>
                                        <span>热门内容</span>
                                    </div>
                                </div>
                                <p>9.9包邮的宿舍神器，好用死了！连查寝老师都跟我要链接</p>
                                <div class="img-1">
                                    <img src="img/tu-11_03.png" alt="">
                                </div>
                                <div class="gg-2 clearfix">
                                    <ul>
                                        <li class="gan1">
                                            <a href=""><img src="img/2.png" alt=""></a>
                                            161
                                        </li>
                                        <li class="gan2">
                                            <a href=""><img src="img/3.png" alt=""></a>
                                            765
                                        </li>
                                        <li class="gan3">
                                            <a href=""><img src="img/1.png" alt=""></a>
                                            <a href="">更多</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                            <div class="g-1">
                                <div class="gg-1 clearfix">
                                    <img src="img/tu-12_07.png" alt="">
                                    <div class="gg-1-1">
                                        <h5>你是我全世界最喜欢的猪</h5>
                                        <span>热门内容</span>
                                    </div>
                                </div>
                                <p>有哪些适合摘抄的 文艺且悲凉的句子</p>
                                <div class="img-2">
                                    <p>
                                        1、我天生不合群。一向话少，时而冷场。
                                        有过被孤立，有过被诟病。
                                        有过自我质疑，也有到过崩坏的边缘。
                                        合也无味，孤也无味。党同伐异，这是人性。
                                        最终决意做个哑巴。
                                        少戾气，不言语，从心过活。
                                        亚里士多德说“离群索居者，不是野兽，便是神灵。”
                                        我既做不上神灵，那当个野兽也好。
                                    </p>
                                    <p>
                                        2、我慢慢明白了为什么我不快乐，因为我总是期待一个结果。
                                        看一本书期待它让我变得深刻；
                                        吃饭、游泳期待它让我一斤斤瘦下；
                                        发一条微信期待它被回复；
                                        对别人好期待被回待以好；
                                        写一个故事说一个心情期待被关注安慰；
                                        参加一个活动，期待换来充实丰富的经历。
                                        这些预设的期待如果实现了，我长舒一口气，
                                        如果没有实现呢，就自怨自艾。
                                        可是小时候也是同一个我，
                                        用一个下午的时间看蚂蚁搬家，等石头开花。
                                        小时候不期待结果小时候哭笑都不打折。
                                    </p>
                                    <p>
                                        3、筵席已散，众人已走远，而你在众人之中， 暮色深浓，无法再辨认，不会再相逢。
                                    </p>
                                </div>
                                <div class="gg-2 clearfix">
                                    <ul>
                                        <li class="gan1">
                                            <a href=""><img src="img/2.png" alt=""></a>
                                            82
                                        </li>
                                        <li class="gan2">
                                            <a href=""><img src="img/3.png" alt=""></a>
                                            274
                                        </li>
                                        <li class="gan3">
                                            <a href=""><img src="img/1.png" alt=""></a>
                                            <a href="">更多</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                            <div class="g-1">
                                <div class="gg-1 clearfix">
                                    <img src="img/tu-13_10.png" alt="">
                                    <div class="gg-1-1">
                                        <h5>干脆面炼金术士</h5>
                                        <span>热门内容</span>
                                    </div>
                                </div>
                                <p>人生的意义，在于一天比一天活的快乐</p>
                                <div class="img-1">
                                    <img src="img/tu-14_12.png" alt="">
                                </div>
                                <div class="gg-2 clearfix">
                                    <ul>
                                        <li class="gan1">
                                            <a href=""><img src="img/2.png" alt=""></a>
                                            54
                                        </li>
                                        <li class="gan2">
                                            <a href=""><img src="img/3.png" alt=""></a>
                                            104
                                        </li>
                                        <li class="gan3">
                                            <a href=""><img src="img/1.png" alt=""></a>
                                            <a href="">更多</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                            <div class="g-1">
                                <div class="gg-1 clearfix">
                                    <img src="img/tu-15_14.png" alt="">
                                    <div class="gg-1-1">
                                        <h5>堆糖小喇叭</h5>
                                        <span>热门内容</span>
                                    </div>
                                </div>
                                <p>我曾为你动过情</p>
                                <div class="img-1">
                                    <img src="img/tu-16_17.png" alt="">
                                </div>
                                <div class="gg-2 clearfix">
                                    <ul>
                                        <li class="gan1">
                                            <a href=""><img src="img/2.png" alt=""></a>
                                            300
                                        </li>
                                        <li class="gan2">
                                            <a href=""><img src="img/3.png" alt=""></a>
                                            665
                                        </li>
                                        <li class="gan3">
                                            <a href=""><img src="img/1.png" alt=""></a>
                                            <a href="">更多</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                            <div class="g-1">
                                <div class="gg-1 clearfix">
                                    <img src="img/tu-17_19.png" alt="">
                                    <div class="gg-1-1">
                                        <h5>你是我全世界最喜欢的猪</h5>
                                        <span>热门内容</span>
                                    </div>
                                </div>
                                <p>登上79所高校学生借阅排行榜的九本书</p>
                                <div class="img-1">
                                    <div class="i-1">
                                        <div class="row mb-3">
                                            <div class="col-md-4">
                                                <img src="img/t-1_23.png" alt="">
                                            </div>
                                            <div class="col-md-4">
                                                <img src="img/t-2_25.png" alt="">
                                            </div>
                                            <div class="col-md-4">
                                                <img src="img/t-3_27.png" alt="">
                                            </div>
                                        </div>
                                        <div class="row mb-3">
                                            <div class="col-md-4">
                                                <img src="img/t-4_32.png" alt="">
                                            </div>
                                            <div class="col-md-4">
                                                <img src="img/t-5_33.png" alt="">
                                            </div>
                                            <div class="col-md-4">
                                                <img src="img/t-6_34.png" alt="">
                                            </div>
                                        </div>
                                        <div class="row mb-3">
                                            <div class="col-md-4">
                                                <img src="img/t-7_38.png" alt="">
                                            </div>
                                            <div class="col-md-4">
                                                <img src="img/t-8_39.png" alt="">
                                            </div>
                                            <div class="col-md-4">
                                                <img src="img/t-9_40.png" alt="">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="gg-2 clearfix">
                                    <ul>
                                        <li class="gan1">
                                            <a href=""><img src="img/2.png" alt=""></a>
                                            59
                                        </li>
                                        <li class="gan2">
                                            <a href=""><img src="img/3.png" alt=""></a>
                                            155
                                        </li>
                                        <li class="gan3">
                                            <a href=""><img src="img/1.png" alt=""></a>
                                            <a href="">更多</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                            <div class="g-1">
                                <div class="gg-1 clearfix">
                                    <img src="img/tu-18_44.png" alt="">
                                    <div class="gg-1-1">
                                        <h5>情写风月</h5>
                                        <span>热门内容</span>
                                    </div>
                                </div>
                                <p>799风景内侧美化包</p>
                                <div class="img-1">
                                    <img src="img/tu-19_47.png" alt="">
                                </div>
                                <div class="gg-2 clearfix">
                                    <ul>
                                        <li class="gan1">
                                            <a href=""><img src="img/2.png" alt=""></a>
                                            35
                                        </li>
                                        <li class="gan2">
                                            <a href=""><img src="img/3.png" alt=""></a>
                                            22
                                        </li>
                                        <li class="gan3">
                                            <a href=""><img src="img/1.png" alt=""></a>
                                            <a href="">更多</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                            <div class="g-1">
                                <div class="gg-1 clearfix">
                                    <img src="img/tu-20_49.png" alt="">
                                    <div class="gg-1-1">
                                        <h5>审</h5>
                                        <span>热门内容</span>
                                    </div>
                                </div>
                                <p>火影你们粉谁 留名我去截头像</p>
                                <div class="img-1">
                                    <img src="img/tu-21_52.png" alt="">
                                </div>
                                <div class="gg-2 clearfix">
                                    <ul>
                                        <li class="gan1">
                                            <a href=""><img src="img/2.png" alt=""></a>
                                            9
                                        </li>
                                        <li class="gan2">
                                            <a href=""><img src="img/3.png" alt=""></a>
                                            1
                                        </li>
                                        <li class="gan3">
                                            <a href=""><img src="img/1.png" alt=""></a>
                                            <a href="">更多</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                            <div class="g-1">
                                <div class="gg-1 clearfix">
                                    <img src="img/tu-22_55.png" alt="">
                                    <div class="gg-1-1">
                                        <h5>美少女PINK酱</h5>
                                        <span>热门内容</span>
                                    </div>
                                </div>
                                <p>初春外套美炸天！！第一件闺蜜追着跟我要链接</p>
                                <div class="img-1">
                                    <img src="img/tu-23_58.png" alt="">
                                </div>
                                <div class="gg-2 clearfix">
                                    <ul>
                                        <li class="gan1">
                                            <a href=""><img src="img/2.png" alt=""></a>
                                            57
                                        </li>
                                        <li class="gan2">
                                            <a href=""><img src="img/3.png" alt=""></a>
                                            126
                                        </li>
                                        <li class="gan3">
                                            <a href=""><img src="img/1.png" alt=""></a>
                                            <a href="">更多</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                            <div class="g-1">
                                <div class="gg-1 clearfix">
                                    <img src="img/tu-24_60.png" alt="">
                                    <div class="gg-1-1">
                                        <h5>少女感养成学院</h5>
                                        <span>热门内容</span>
                                    </div>
                                </div>
                                <p>同桌的你</p>
                                <div class="img-1">
                                    <img src="img/tu-25_63.png" alt="">
                                </div>
                                <div class="gg-2 clearfix">
                                    <ul>
                                        <li class="gan1">
                                            <a href=""><img src="img/2.png" alt=""></a>
                                            89
                                        </li>
                                        <li class="gan2">
                                            <a href=""><img src="img/3.png" alt=""></a>
                                            106
                                        </li>
                                        <li class="gan3">
                                            <a href=""><img src="img/1.png" alt=""></a>
                                            <a href="">更多</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                            <div class="g-1">
                                <div class="gg-1 clearfix">
                                    <img src="img/tu-26_65.png" alt="">
                                    <div class="gg-1-1">
                                        <h5>堆糖小喇叭</h5>
                                        <span>热门内容</span>
                                    </div>
                                </div>
                                <p>我的CP真香</p>
                                <div class="img-1">
                                    <img src="img/tu-27_68.png" alt="">
                                </div>
                                <div class="gg-2 clearfix">
                                    <ul>
                                        <li class="gan1">
                                            <a href=""><img src="img/2.png" alt=""></a>
                                            91
                                        </li>
                                        <li class="gan2">
                                            <a href=""><img src="img/3.png" alt=""></a>
                                            107
                                        </li>
                                        <li class="gan3">
                                            <a href=""><img src="img/1.png" alt=""></a>
                                            <a href="">更多</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                            <div class="g-1">
                                <div class="gg-1 clearfix">
                                    <img src="img/tu-28_71.png" alt="">
                                    <div class="gg-1-1">
                                        <h5>百日做梦大熊</h5>
                                        <span>热门内容</span>
                                    </div>
                                </div>
                                <p>当女生也太太太太不容易了</p>
                                <div class="img-1">
                                    <img src="img/tu-29_74.png" alt="">
                                </div>
                                <div class="gg-2 clearfix">
                                    <ul>
                                        <li class="gan1">
                                            <a href=""><img src="img/2.png" alt=""></a>
                                            78
                                        </li>
                                        <li class="gan2">
                                            <a href=""><img src="img/3.png" alt=""></a>
                                            76
                                        </li>
                                        <li class="gan3">
                                            <a href=""><img src="img/1.png" alt=""></a>
                                            <a href="">更多</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                            <div class="g-1">
                                <div class="gg-1 clearfix">
                                    <img src="img/tu-30_76.png" alt="">
                                    <div class="gg-1-1">
                                        <h5>你是我全世界最喜欢的猪</h5>
                                        <span>热门内容</span>
                                    </div>
                                </div>
                                <p>有哪些好看的电影 值得回味的爱情电影？</p>
                                <div class="img-1">
                                    <img src="img/was_03.png" alt="">
                                </div>
                                <div class="gg-2 clearfix">
                                    <ul>
                                        <li class="gan1">
                                            <a href=""><img src="img/2.png" alt=""></a>
                                            80
                                        </li>
                                        <li class="gan2">
                                            <a href=""><img src="img/3.png" alt=""></a>
                                            293
                                        </li>
                                        <li class="gan3">
                                            <a href=""><img src="img/1.png" alt=""></a>
                                            <a href="">更多</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                            <div class="g-1">
                                <div class="gg-1 clearfix">
                                    <img src="img/tu-31_79.png" alt="">
                                    <div class="gg-1-1">
                                        <h5>堆糖Class小助手</h5>
                                        <span>热门内容</span>
                                    </div>
                                </div>
                                <p>伴随一生的[少女感]，拥有它一点都不难</p>
                                <div class="img-1">
                                    <img src="img/tu-32_81.png" alt="">
                                </div>
                                <div class="gg-2 clearfix">
                                    <ul>
                                        <li class="gan1">
                                            <a href=""><img src="img/2.png" alt=""></a>
                                            34
                                        </li>
                                        <li class="gan2">
                                            <a href=""><img src="img/3.png" alt=""></a>
                                            41
                                        </li>
                                        <li class="gan3">
                                            <a href=""><img src="img/1.png" alt=""></a>
                                            <a href="">更多</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                            <div class="g-1">
                                <div class="gg-1 clearfix">
                                    <img src="img/tu-33_83.png" alt="">
                                    <div class="gg-1-1">
                                        <h5>飞乐鸟</h5>
                                        <span>热门内容</span>
                                    </div>
                                </div>
                                <p>女生千万别看这些言情小说....不然会被里面的傻屌桥段给</p>
                                <div class="img-1">
                                    <img src="img/tu-34_86.png" alt="">
                                </div>
                                <div class="gg-2 clearfix">
                                    <ul>
                                        <li class="gan1">
                                            <a href=""><img src="img/2.png" alt=""></a>
                                            68
                                        </li>
                                        <li class="gan2">
                                            <a href=""><img src="img/3.png" alt=""></a>
                                            63
                                        </li>
                                        <li class="gan3">
                                            <a href=""><img src="img/1.png" alt=""></a>
                                            <a href="">更多</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                            <div class="g-1">
                                <div class="gg-1 clearfix">
                                    <img src="img/tu-36_89.png" alt="">
                                    <div class="gg-1-1">
                                        <h5>美少女PINK酱</h5>
                                        <span>热门内容</span>
                                    </div>
                                </div>
                                <p>7个私藏的小众App，实用又有bigger,用过三款算我输</p>
                                <div class="img-1">
                                    <img src="img/tu-37_92.png" alt="">
                                </div>
                                <div class="gg-2 clearfix">
                                    <ul>
                                        <li class="gan1">
                                            <a href=""><img src="img/2.png" alt=""></a>
                                            139
                                        </li>
                                        <li class="gan2">
                                            <a href=""><img src="img/3.png" alt=""></a>
                                            461
                                        </li>
                                        <li class="gan3">
                                            <a href=""><img src="img/1.png" alt=""></a>
                                            <a href="">更多</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                            <div class="g-1">
                                <div class="gg-1 clearfix">
                                    <img src="img/tu-39_03.png" alt="">
                                    <div class="gg-1-1">
                                        <h5>你是我全世界最喜欢的猪</h5>
                                        <span>热门内容</span>
                                    </div>
                                </div>
                                <p>中国最全的拔弦 击弦类乐器合集 种类十分多 涨姿势了</p>
                                <div class="img-1">
                                    <img src="img/tu-16_17.png" alt="">
                                </div>
                                <div class="gg-2 clearfix">
                                    <ul>
                                        <li class="gan1">
                                            <a href=""><img src="img/2.png" alt=""></a>
                                            42
                                        </li>
                                        <li class="gan2">
                                            <a href=""><img src="img/3.png" alt=""></a>
                                            71
                                        </li>
                                        <li class="gan3">
                                            <a href=""><img src="img/1.png" alt=""></a>
                                            <a href="">更多</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                            <div class="gg-3">
                                <a href="">查看更多</a>
                                <i class="fas fa-angle-down"></i>
                            </div>

                        </div>
                    </div>
                    <div class="main-right clearfix">
                        <div class="ta-5">
                            <div class="ta-1">
                                <h5>推荐关注</h5>
                                <p><a href="">换一批</a></p>
                            </div>
                            <div class="ta-2 clearfix">
                                <img src="img/p-1_03.png" alt="">
                                <div class="q2">
                                    <a href="">蓝蓝蓝de海</a>
                                    <p>擅长领域.园艺</p>
                                </div>
                                <div class="a">
                                    <a href="">关注</a>
                                </div>
                            </div>
                            <div class="ta-2 clearfix">
                                <img src="img/p-2_03.png" alt="">
                                <div class="q2">
                                    <a href="">小哈Hana</a>
                                    <p>擅长领域.Q版</p>
                                </div>
                                <div class="a">
                                    <a href="">关注</a>
                                </div>
                            </div>
                            <div class="ta-2 clearfix">
                                <img src="img/p-3_06.png" alt="">
                                <div class="q2">
                                    <a href="">Hellerr</a>
                                    <p>擅长领域.壁纸</p>
                                </div>
                                <div class="a">
                                    <a href="">关注</a>
                                </div>
                            </div>
                            <div class="ta-2 clearfix">
                                <img src="img/p-4_12.png" alt="">
                                <div class="q2">
                                    <a href="">探索每日的喜好</a>
                                    <p>擅长领域.时尚</p>
                                </div>
                                <div class="a">
                                    <a href="">关注</a>
                                </div>
                            </div>
                            <div class="ta-3">
                                <a href="">查看更多</a>
                                <i class="fas fa-angle-right"></i>
                            </div>
                        </div>
                        <div class="ta-4">
                            <a href=""><img src="img/qq-1.jpeg" alt=""></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--<a class="btn btn-default ll-1" href="#" role="button" >
        <img src="img/dingbu.png" alt="">
    </a>-->

    <div class="dingbu" id="totop">
        <img src="img/dingbu.png" alt="">
    </div>


    <div class="footer-inner">
        <div class="container">
            <div class="footer clearfix">
                <div class="footer-left">
                    <p>APP下载</p>
                    <img src="img/d-1_03.png" alt="">
                    <p>扫描二维码</p>
                    <p>下载堆糖手机客服端</p>
                </div>
                <div class="footer-right">
                    <div class="row">
                        <div class="col-md-4">
                            <p>关于我们</p>
                            <ul>
                                <li class="pen1"><a href="">关于我们</a></li>
                                <li class="pen2"><a href="">加入我们</a></li>
                                <li class="pen3"><a href="">联系我们</a></li>
                                <li class="pen4"><a href="">商务合作</a></li>
                            </ul>
                        </div>
                        <div class="col-md-4">
                            <p>关注我们</p>
                            <ul>
                                <li class="pen1"><a href="">新浪微博</a></li>
                                <li class="pen2"><a href="">微信公众号</a></li>
                            </ul>
                        </div>
                        <div class="col-md-4 q-2">
                            <p>友情链接</p>
                            <ul>
                                <li class="pen1">
                                    <a href="">爱物网</a>
                                    <a href="">东方女性网</a>
                                </li>
                                <li class="pen2">
                                    <a href="">肉丁网</a>
                                    <a href="">更多..</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="d-1">
                    <p>
                        ©2019 duitang.com 搬去哪所有。沪ICP备10038086号-3 <img src="img/d-2_07.png" alt=""> <img src="img/d-3_09.png" alt="">
                        | 增值电信业务经营许可证：浙B2-20180610 自营经营着信息
                    </p>
                    <p>
                        <img src="img/d-4_14.png" alt="">
                        上海市互联网违法和不良信息举报中心 | 有害内容举报电话：021-63462232z
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>


<script src="js/js.js"></script>

<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</body>
</html>